<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<meta name="renderer" content="webkit">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>文本框 | 表单</title>
    <link rel="stylesheet" href="../../assets/dest/css/basic_reset.css">
    <link rel="stylesheet" href="../../assets/dest/css/basic_font.css">
	<link rel="stylesheet" href="../../assets/dest/css/form_input.css">
	<link rel="stylesheet" href="../demo-lib/doc.css">
</head>
<body>
	<div class="header">
		<dl>
			<dt>项目：</dt>
			<dd>文本框</dd>
			<dt>描述：</dt>
			<dd>表单文本框</dd>
			<dt>资源：</dt>
			<dd>
				<code>basic_reset.css</code>
				<code>basic_font.css</code>
				<code>form_input.css</code>
			</dd>
		</dl>
	</div>
	<div class="mainbox">
		<input class="o-input" type="text" placeholder="文本框">
		<input class="o-input" type="text" placeholder="text" value="文本框输入值">
		<input class="o-input" type="text" placeholder="只读文本框" readonly>

		<hr>

		<input class="o-input" type="text" placeholder="禁用的文本框" disabled>
		<input class="o-input" type="text" placeholder="文本框" value="有值被禁用的文本框" disabled>
		<input class="o-input" type="text" placeholder="被禁用的只读文本框" readonly disabled>

		<hr>

		<input class="o-input input-lg" type="text" placeholder="大尺寸文本框">
		<input class="o-input" type="text" placeholder="一般尺寸文本框">
		<input class="o-input input-sm" type="text" placeholder="小尺寸文本框">
		<input class="o-input input-xs" type="text" placeholder="超小尺寸文本框">

		<hr>

		<input class="o-input" type="password" placeholder="密码框">
		<input class="o-input" type="text" name="auto" placeholder="测试autocomplete" autocomplete="on">

		<hr>

		<textarea class="o-textarea" rows="4" placeholder="多行文本框"></textarea>
        <textarea class="o-textarea" rows="4" placeholder="只读多行文本框" readonly></textarea>
        <textarea class="o-textarea" rows="4" placeholder="禁用的多行文本框" disabled></textarea>
	</div>
</body>
</html>
